<!DOCTYPE html>
<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${map.config.finacename4}">消费积分明细</title>
    <meta name="keywords" content="消费积分明细"/>
    <meta name="description" content="消费积分明细"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <link th:href="@{/shoppingApi/css/public.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/jquery-weui.min.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/weui.min.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/publicOfuser.css}" rel="stylesheet">
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header"  th:content="${_csrf.headerName}"/>
</head>
<body>

<div class="main">
    <div class="height44 lh44 earning-header">
        <p class="fl ft15 ml15"><span>收支方式</span></p>
        <p class="fr ft15 mr15"><span>余额</span></p>
        <p class="ct ft15 w100 ftc ml15">
            <span>&thinsp;&thinsp;</span>
            <span>金额</span>
        </p>
    </div>
    <div class="main_con">
        <div class="weui-cells earning-list">
            <div class="weui-cell" style="padding: 0px" >
                <div class="weui-cell__bd ml15 mr15">
                    <div th:if="${#lists.size(map.finaceList) > 0}">
                        <div class="height60 bgfff flex balance-list" th:each="finace:${map.finaceList}">
                            <div class="title">
                                <span class="ft15 db lh15 remark pb5" th:text="${finace.remark}"></span>
                                <span class="ft10 c969696 lh10 db mt6" th:text="${#dates.format(finace.finaceTime, 'yyyy-MM-dd HH:mm:ss')}"></span>
                            </div>
                            <div class="amount ftc ft15">
                                <!--<span th:if="${finace.finaceType=='777'}" th:text="${'-'}">-->
                                <!--</span><span  th:text="${finace.amount}"></span>-->
                                <span th:if="${finace.amount<0}" th:text="${''+finace.amount}"></span>
                                <span th:if="${finace.amount>0}" th:text="${'+'+finace.amount}"></span>
                            </div>
                            <div class="balance c969696 ft15"><span th:text="${finace.balance}"></span></div>
                        </div>
                    </div>
                    <div th:if="${#lists.size(map.finaceList) == 0}">
                        <div class="height60 bgfff">
                            <p class="ft14" style="line-height: 60px;text-align: center; color: #999;">暂无记录</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" th:src="@{/shoppingApi/js/jquery-3.3.1.min.js}"></script>
<script>
    $(function () {
        $('.remark').each(function () {
            // var text = $(this).text();
            // if (text.length  > 10) {
            //     var text1 = text.substr(0,8);
            //     var text2 = text.substr(-4);
            //     text = text1 + '****' + text2;
            // }
            // $(this).text(text);
            $(this).on('click', function (e) {
                $(this).addClass('active');
            });
        });
    });
</script>
</body>
</html>